@charset "UTF-8";
.o-btn {
  display: inline-block;
  padding: 10px 15px;
  margin: 0;
  line-height: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  font-size: 14px;
  color: #fff;
  border: 1px solid #adbdc7;
  border-radius: 4px;
  outline: none !important;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
  -webkit-transition: background ease-in-out .15s, border-color ease-in-out .15s;
  -o-transition: background ease-in-out .15s, border-color ease-in-out .15s;
  transition: background ease-in-out .15s, border-color ease-in-out .15s; }
  .o-btn.is-loading {
    /* 加载中 */
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
    .o-btn.is-loading:after {
      content: attr(data-loading); }
    .o-btn.is-loading > * {
      display: none; }
    .o-btn.is-loading > .icon-loader {
      display: inline-block;
      -webkit-animation: rotate 2s linear infinite;
              animation: rotate 2s linear infinite; }
  .o-btn[disabled] {
    color: #adbdc7 !important;
    background-color: #f2f5fa !important;
    border-color: #cbd5dc !important;
    pointer-events: none; }
  .o-btn > [class^="icon-"] {
    /* 防止图标偏移，撑大按钮 */
    vertical-align: -2.25px;
    line-height: 0;
    /* icon 比字大1px，换算成em单位，方便按钮尺寸改变时响应 icon 尺寸 */
    font-size: 1.07143em; }

.o-btn-normal {
  color: #1f282e;
  background: #f5f5f6; }
  .o-btn-normal:focus {
    border-color: #7e97a7;
    -webkit-box-shadow: 0 0 0 2px rgba(126, 151, 167, 0.3);
            box-shadow: 0 0 0 2px rgba(126, 151, 167, 0.3); }
  .o-btn-normal:hover {
    color: #009dff;
    border-color: #009dff; }
  .o-btn-normal:active {
    background: #ededef; }

.o-btn-primary {
  background: #009dff;
  border-color: #009dff; }
  .o-btn-primary:focus {
    border-color: #0087db;
    -webkit-box-shadow: 0 0 0 2px rgba(0, 135, 219, 0.3);
            box-shadow: 0 0 0 2px rgba(0, 135, 219, 0.3); }
  .o-btn-primary:hover {
    background: #0087db;
    border-color: #0087db; }
  .o-btn-primary:active {
    background: #007ecc;
    border-color: #007ecc; }

.o-btn-success {
  background: #40d640;
  border-color: #40d640; }
  .o-btn-success:focus {
    border-color: #2bc72b;
    -webkit-box-shadow: 0 0 0 2px rgba(43, 199, 43, 0.3);
            box-shadow: 0 0 0 2px rgba(43, 199, 43, 0.3); }
  .o-btn-success:hover {
    background: #2bc72b;
    border-color: #2bc72b; }
  .o-btn-success:active {
    background: #28bb28;
    border-color: #28bb28; }

.o-btn-warning {
  background: #f7bb2d;
  border-color: #f7bb2d; }
  .o-btn-warning:focus {
    border-color: #f6b00b;
    -webkit-box-shadow: 0 0 0 2px rgba(246, 176, 11, 0.3);
            box-shadow: 0 0 0 2px rgba(246, 176, 11, 0.3); }
  .o-btn-warning:hover {
    background: #f6b00b;
    border-color: #f6b00b; }
  .o-btn-warning:active {
    background: #e8a609;
    border-color: #e8a609; }

.o-btn-danger {
  background: #ff6c5c;
  border-color: #ff6c5c; }
  .o-btn-danger:focus {
    border-color: #ff4c38;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 76, 56, 0.3);
            box-shadow: 0 0 0 2px rgba(255, 76, 56, 0.3); }
  .o-btn-danger:hover {
    background: #ff4c38;
    border-color: #ff4c38; }
  .o-btn-danger:active {
    background: #ff3e29;
    border-color: #ff3e29; }

.btn-lg {
  padding: 11px 19px;
  font-size: 16px; }

.btn-sm {
  padding: 8px 9px;
  font-size: 12px; }

.btn-xs {
  padding: 4px;
  font-size: 12px; }
